.tabs {
	position: relative;
	min-height: 450px; /* This part sucks */
	clear: both;
	margin: 25px 0;
}

.tab {
	float: left;
}

.tab label {
	cursor: pointer;
	background: #eee;
	padding: 10px;
	border: 1px solid #ccc;
	margin-left: -1px;
	position: relative;
	left: 1px;
	top: 4px;
	font-size: 120%;
}

.tab [type=radio] {
	display: none;
}

.content {
	position: absolute;
	top: 28px;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 20px;
	border: 1px solid #ccc;
	overflow: auto;
}

[type=radio]:checked        ~ label {
	background: white;
	border-bottom: 1px solid white;
	z-index: 2;
	font-weight: bold;
}

[type=radio]:checked        ~ label        ~ .content {
	z-index: 1;
}